﻿    <!-- slider container -->
<div class=" sliderContainer sliderWrapper">

    <!-- enumerate all photos -->
    <img data-index="{{photo.index}}" ng-repeat="photo in photos" class="sliderSlide" ng-swipe-right="showPrev()" ng-swipe-left="showNext()" ng-show="isActive($index)" ng-src="data:image/png;base64,{{photo.src}}" />

    <!-- prev / next controls -->
    <a class="sliderArrow sliderPrev" href="" ng-click="showPrev()"></a>
    <a class="sliderArrow sliderNext" href="" ng-click="showNext()"></a>

    <!-- extra navigation controls -->
    <ul class="sliderNav">
        <li ng-repeat="photo in photos" ng-class="{'active':isActive($index)}">
            <img ng-src="data:image/png;base64,{{photo.src}}" ng-click="showPhoto($index);" />
        </li>
    </ul>

</div>